<template>
  <view>



  </view>
</template>

<script>
  export default {
    data() {
      return {


      };
    },


  }
</script>

<style lang="scss">
  page {
    background-color: #F3F4F9;
  }

  .fabu {
    display: flex;
    float: right;
    margin-right: 10rpx;
    color: #A9A9A9;
    font-size: 40rpx;
  }

  .title_input {
    width: 100%;
    border-bottom: 1px solid #DCDCDC;
    margin: 30rpx;
  }

  .content_input {
    margin: 30rpx;
  }

  .img_box {
    display: flex;
    flex-wrap: wrap;
    margin: 0rpx;
  }

  .img_item_i {
    display: block;
    width: 100%;
    height: 100%;
  }

  .img_item {
    width: 210rpx;
    height: 210rpx;
    position: relative;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #c0ccda;
  }

  .closeImv {
    position: absolute;
    right: 0rpx;
    top: 0rpx;
    width: 35rpx;
    height: 35rpx;
    color: #fff;
    background-color: red;
    border-radius: 50%;
    text-align: center;
    line-height: 30rpx;
    font-weight: 600;
  }

  .imageRootAll {
    margin: 6rpx;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }

  .imgItem {
    margin: 6rpx;
    position: relative;
    width: 200rpx;
    height: 200rpx;
    background: gainsboro;
    margin-top: 50rpx;
  }

  .img {
    width: 100%;
    height: 100%;
  }

  .closeImg {
    position: absolute;
    right: 0px;
    width: 40rpx;
    height: 40rpx;
  }

  .photo {
    width: 50%;
    height: 50%;
    margin: 25%;
  }
</style>